<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/index.css" />
    <script src="static/js/jQuery.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
    </script>
    <main class="index">
      <section class="com-banner">
        <div class="com-banner-container">
          <div class="com-banner-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="com-banner-bg">
                  <video
                    webkit-playsinline=""
                    playsinline
                    x5-playsinline
                    t7-video-player-type="inline"
                    x5-video-player-type="h5-page"
                    x-webkit-airplay="allow"
                    disablePictureInPicture
                    autoplay
                    muted
                    loop
                  >
                    <source src="static/media/video/test.mp4" type="video/mp4" />
                  </video>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>

          <div class="com-banner-content">
            <h1 class="com-banner-title">SHI SHI TONG LEADING CUSTOM SCREW MANUFACTURER</h1>
            <div class="com-banner-li">24 Years of Experience</div>
            <div class="com-banner-li">Served 4,400+ Companies Worldwide</div>
            <div class="com-banner-li">99.8% Product Qualification Rate</div>
            <div class="com-banner-li">Accuracy: ±0.05mm</div>
            <div class="com-banner-li">5-7 Days Fast Delivery</div>
            <a href="javascript:viod(0);" class="com-banner-btn">Quote Now !</a>
          </div>
        </div>
      </section>
      <section class="index-number">
        <div class="index-number-container w1400">
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">24</span>
              <span class="unit">+</span>
            </div>
            <p class="inde-number-desc">
              Years of Experience in <br class="com-br" />
              Custom Screw Manufacturing
            </p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">99.8</span>
              <span class="unit">%</span>
            </div>
            <p class="inde-number-desc">Product Qualification Rate</p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">210</span>
              <span class="unit sub">Million</span>
            </div>
            <p class="inde-number-desc">Screws Produced Annually</p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">4400</span>
              <span class="unit">+</span>
            </div>
            <p class="inde-number-desc">
              Clients Served Worldwide <br class="com-br" />
              Across Various Industries
            </p>
          </div>
          <div class="index-number-item">
            <div class="index-number-top">
              <span class="number">5-7</span>
              <!-- <span class="unit">+</span> -->
            </div>
            <p class="inde-number-desc">Days Fast Delivery</p>
          </div>
        </div>
      </section>
      <section class="index-s1">
        <div class="index-s1-container w1400">
          <h2 class="index-s1-title">Explore Our Custom Screws and More</h2>
          <p class="index-s1-desc">
            We focus on high-quality products, offering private model customization and high-threshold certification.
            Explore our key product categories below:
          </p>
          <div class="index-s1-swiper">
            <div class="swiper-wrapper index-s1-content">
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
              <div class="swiper-slide index-s1-item">
                <h3 class="index-s1-item-title">Long Screws</h3>
                <p class="index-s1-item-desc">
                  Infinitely customizable in length, ideal for construction, machinery, and large-scale projects, with a
                  focus on strength and durability.
                </p>
                <div class="index-s1-item-img">
                  <img src="static/images/index/s1-img3.png" alt="ctmon" />
                </div>
              </div>
            </div>
            <div class="h5 swiper-pagination"></div>
          </div>
        </div>
      </section>
      <section class="index-s2">
        <div class="index-s2-container">
          <h2 class="index-s2-title">Industries We Serve</h2>
          <div class="index-s2-content">
            <div class="index-s2-item">
              <div class="index-s2-item-img">
                <img src="static/images/index/s2-img1.png" alt="ctmon" />
              </div>
              <div class="index-s2-item-text">
                <div class="index-s2-item-content">
                  <h3 class="index-s2-item-title">Are You a Manufacturer?</h3>
                  <p class="index-s2-item-desc">
                    Streamline your production with fasteners built to fit your exact <br class="com-br" />
                    specifications. Get components that enhance efficiency <br class="com-br" />
                    and elevate quality.
                  </p>
                  <a href="product.html" class="index-s2-item-btn com-btn">Join Us Today</a>
                </div>
              </div>
            </div>
            <div class="index-s2-item">
              <div class="index-s2-item-img">
                <img src="static/images/index/s2-img2.png" alt="ctmon" />
              </div>
              <div class="index-s2-item-text">
                <div class="index-s2-item-content">
                  <h3 class="index-s2-item-title">Are You a Designer?</h3>
                  <p class="index-s2-item-desc">
                    Bring your vision to life without compromise. <br class="com-br" />
                    Our fasteners integrate seamlessly, giving your designs the strength <br class="com-br" />
                    and durability they need.
                  </p>
                  <a href="product.html" class="index-s2-item-btn com-btn">Let’s Create Together</a>
                </div>
              </div>
            </div>
            <div class="index-s2-item">
              <div class="index-s2-item-img">
                <img src="static/images/index/s2-img3.png" alt="ctmon" />
              </div>
              <div class="index-s2-item-text">
                <div class="index-s2-item-content">
                  <h3 class="index-s2-item-title">Are You an Engineer?</h3>
                  <p class="index-s2-item-desc">
                    Accuracy matters. We provide custom-fit fasteners that meet your <br class="com-br" />
                    precise requirements, so your designs work flawlessly every time.
                  </p>
                  <a href="product.html" class="index-s2-item-btn com-btn">Partner with Us</a>
                </div>
              </div>
            </div>
            <div class="index-s2-item">
              <div class="index-s2-item-img">
                <img src="static/images/index/s2-img4.png" alt="ctmon" />
              </div>
              <div class="index-s2-item-text">
                <div class="index-s2-item-content">
                  <h3 class="index-s2-item-title">Are You a CEO / Founder?</h3>
                  <p class="index-s2-item-desc">
                    Lead with quality. Partner with us to source high-grade, <br class="com-br" />
                    customized fasteners that reflect your commitment to excellence.
                  </p>
                  <a href="product.html" class="index-s2-item-btn com-btn">Discover the Advantage</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s3">
        <div class="index-s3-container w1400">
          <h2 class="index-s3-title">Custom Screw Solutions – Tailored to Your Project</h2>
          <div class="index-s3-swiper">
            <div class="index-s3-content swiper-wrapper">
              <div class="index-s3-item swiper-slide">
                <h3 class="index-s3-item-tag">Materials</h3>
                <div class="index-s3-itme-content">
                  <div class="index-s3-item-img">
                    <img src="static/images/index/s3-img1.jpg" alt="ctmon" />
                  </div>
                  <div class="index-s3-item-text">
                    <p class="index-s3-item-desc">
                      Choose from stainless steel, brass, carbon steel, aluminum, and more, depending on your
                      performance requirements.
                    </p>
                  </div>
                </div>
              </div>
              <div class="index-s3-item swiper-slide">
                <h3 class="index-s3-item-tag">Thread Types</h3>
                <div class="index-s3-itme-content">
                  <div class="index-s3-item-img">
                    <img src="static/images/index/s3-img2.jpg" alt="ctmon" />
                  </div>
                  <div class="index-s3-item-text">
                    <p class="index-s3-item-desc">
                      Customize your thread types, including coarse, fine, and specialized threads to suit specific
                      applications.
                    </p>
                  </div>
                </div>
              </div>
              <div class="index-s3-item swiper-slide">
                <h3 class="index-s3-item-tag">Dimensions & Sizes</h3>
                <div class="index-s3-itme-content">
                  <div class="index-s3-item-img">
                    <img src="static/images/index/s3-img3.jpg" alt="ctmon" />
                  </div>
                  <div class="index-s3-item-text">
                    <p class="index-s3-item-desc">
                      Diameters ranging from M0.6 to M16 with custom thread types and pitch to fit your specifications.
                    </p>
                  </div>
                </div>
              </div>
              <div class="index-s3-item swiper-slide">
                <h3 class="index-s3-item-tag">Head & Drive Types</h3>
                <div class="index-s3-itme-content">
                  <div class="index-s3-item-img">
                    <img src="static/images/index/s3-img4.jpg" alt="ctmon" />
                  </div>
                  <div class="index-s3-item-text">
                    <p class="index-s3-item-desc">
                      Select from flat, pan, hex, and other head types, along with drive styles like Phillips, Torx, and
                      more.
                    </p>
                  </div>
                </div>
              </div>
              <div class="index-s3-item swiper-slide">
                <h3 class="index-s3-item-tag">Surface Treatment</h3>
                <div class="index-s3-itme-content">
                  <div class="index-s3-item-img">
                    <img src="static/images/index/s3-img5.jpg" alt="ctmon" />
                  </div>
                  <div class="index-s3-item-text">
                    <p class="index-s3-item-desc">
                      Options include zinc plating, black oxide, nickel plating, and powder coating for added
                      durability.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s4">
        <h2 class="index-s4-title">Get a Tailored Solution Just for You</h2>
        <div class="index-s4-container">
          <div class="indes-s4-gsap">
            <div class="index-s4-content">
              <div class="index-s4-item">
                <div class="index-s4-num">01</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon1.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Consultation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">02</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon2.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Requirement Confirmation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">03</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon3.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quotation</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">04</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon4.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Advance Paymen</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">05</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon5.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Production Begins</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">06</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">07</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">08</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
              <div class="index-s4-item">
                <div class="index-s4-num">09</div>
                <div class="index-s4-img">
                  <img src="static/images/index/s4-icon6.png" alt="ctmon" />
                </div>
                <div class="index-s4-desc">Quality Inspection</div>
              </div>
            </div>
          </div>
        </div>
        <div class="index-s4-bottom w1400">
          <h4 class="index-s4-bottom-title">FRIENDLY REMINDER :</h4>
          <p class="index-s4-bottom-desc">
            Before reaching out, make sure to gather any important details like dimensions, requirements, or design
            drawings. It’ll help us get things moving faster and ensure we create exactly what you have in mind. The
            more info, the better!
          </p>
          <a class="com-btn index-s4-btn">Start Your Custom Project Now!</a>
        </div>
      </section>
      <section class="index-s5">
        <div class="index-s5-container left-1400">
          <div class="index-s5-left">
            <h2 class="index-s5-title">Welcome to the <em>SHI SHI TONG </em>Family!</h2>
            <div class="index-s5-ul">
              <div class="index-s5-li">
                55+ Advanced Machines: Including precision threading, multi-unit, and cold heading machines.
              </div>
              <div class="index-s5-li">
                8-Step Quality Process: Achieving <br class="com-br" />
                a 99.8% qualification rate and 5-7 days fast delivery.
              </div>
            </div>
            <p class="index-s5-desc">
              When you work with SHI SHI TONG, <br class="com-br" />
              you're choosing more than just a product—you're choosing a partner <br class="com-br" />
              who is dedicated to helping you achieve success through innovation and expertise.
            </p>
            <div class="index-s5-box">
              <div class="index-s5-ex">
                <h3 class="index-s5-ex-title">MR. HE QINGHAI - CHIEF ENGINEER</h3>
                <p class="index-s5-ex-desc">36+ Years in Screw Production & Development</p>
              </div>
              <div class="index-s5-ex">
                <h3 class="index-s5-ex-title">SKILLED MANUFACTURING TEAM</h3>
                <p class="index-s5-ex-desc">
                  Team with 14+ years in manufacturing<br class="com-br" />
                  8+ years industry expertise for business reps.
                </p>
              </div>
            </div>
            <a class="com-btn index-s5-btn" href="#">Discover Our Manufacturing Power</a>
          </div>
          <div class="index-s5-right">
            <video
              src="static/media/video/test.mp4"
              muted
              controls
              loop
              poster="static/images/index/s5-right-video.png"
            ></video>
            <div class="index-s5-right-img">
              <div class="index-s5-right-img1">
                <img src="static/images/index/s5-right-img1.png" alt="ctmon" />
              </div>
              <div class="index-s5-right-img2">
                <img src="static/images/index/s5-right-img2.png" alt="ctmon" />
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s6">
        <div class="index-s6-container w1400">
          <h2 class="index-s6-title">Trusted by Industry Leaders Worldwide</h2>
          <div class="index-s6-icon-list">
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon1.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon2.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon3.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon4.png" alt="ctmon" />
            </div>
            <div class="index-s6-icon">
              <img src="static/images/index/s6-icon5.png" alt="ctmon" />
            </div>
          </div>
          <div class="index-s6-list">
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  Working with SHI SHI TONG has been a game-changer for us. Their custom screws meet our strict safety
                  and performance requirements in the automotive industry. The precision and reliability of their
                  products have been critical in our vehicle assembly processes. We trust SHI SHI TONG to deliver every
                  time, and they never let us down.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img1.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">Engineering Team, Volvo</div>
              </div>
            </div>
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  At BYD, innovation and quality are at the heart of everything we do, and SHI SHI TONG has been a key
                  partner in achieving our goals. Their ability to deliver custom fasteners with exacting tolerances has
                  helped us streamline production and maintain the high standards we set for ourselves. Their team is
                  responsive, and their turnaround times are always impressive.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img2.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">Procurement Team, BYD</div>
              </div>
            </div>
            <div class="index-s6-item">
              <div class="index-s6-item-img">
                <img src="static/images/index/star.png" alt="ctmon" />
              </div>
              <div class="index-s6-item-content">
                <p class="index-s6-item-desc">
                  Precision is non-negotiable in our industry, and SHI SHI TONG understands that perfectly. The custom
                  screws they've provided for our drones and robotics have exceeded expectations in both performance and
                  durability. Their commitment to quality and their understanding of our unique needs make them an
                  invaluable partner for DJI.
                </p>
              </div>
              <div class="index-s6-item-info">
                <div class="index-s6-item-info-img">
                  <img src="static/images/index/s6-img1.png" alt="ctmon" />
                </div>
                <div class="index-s6-item-info-content">R&D Department, DJI</div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s7">
        <div class="index-s7-container w1400">
          <h2 class="index-s7-title">SHI SHI TONG Certification</h2>
          <div class="index-s7-swiper">
            <div class="swiper-wrapper index-s7-pc-layout">
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img1.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img2.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img3.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img4.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img1.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img2.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img3.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="index-s7-item">
                  <div class="index-s7-item-img">
                    <img src="static/images/index/s7-img4.png" alt="ctmon" />
                  </div>
                  <p class="index-s7-item-desc">Utility Model Patent Certificate</p>
                </div>
              </div>
            </div>
            <div class="swiper-pagination h5"></div>
          </div>
        </div>
      </section>
      <section class="index-s8">
        <div class="index-s8-container w1400">
          <h2 class="index-s8-title">Our Commitment to Sustainability</h2>
          <div class="index-s8-list">
            <div class="index-s8-item">
              <div class="index-s8-item-img">
                <img src="static/images/index/s8-img1.png" alt="ctmon" />
              </div>
              <p class="index-s8-item-desc">Energy-Efficient Manufacturing</p>
            </div>
            <div class="index-s8-item">
              <div class="index-s8-item-img">
                <img src="static/images/index/s8-img2.png" alt="ctmon" />
              </div>
              <p class="index-s8-item-desc">Sustainable Materials</p>
            </div>
            <div class="index-s8-item">
              <div class="index-s8-item-img">
                <img src="static/images/index/s8-img3.png" alt="ctmon" />
              </div>
              <p class="index-s8-item-desc">Waste Reduction Initiatives</p>
            </div>
            <div class="index-s8-item">
              <div class="index-s8-item-img">
                <img src="static/images/index/s8-img4.png" alt="ctmon" />
              </div>
              <p class="index-s8-item-desc">Long Lasting Products</p>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s9">
        <div class="index-s9-container">
          <div class="index-s9-content">
            <div class="index-s9-left">
              <img src="static/images/index/s9-img1.png" alt="ctmon" />
            </div>
            <div class="index-s9-right">
              <div class="index-s9-right-content">
                <h2 class="index-s9-title">Our Mission</h2>
                <h3 class="index-s9-subtitle">At SHI SHI TONG, our mission is simple:</h3>
                <div class="index-s9-text">
                  <p class="index-s9-item-desc">
                    To deliver precision-engineered custom screws <br class="com-br" />
                    and fasteners that drive innovation and success for <em>our clients worldwide.</em>
                  </p>
                  <p class="index-s9-item-desc">
                    We aim to exceed industry standards in every product we create, ensuring that each screw is made
                    with unparalleled accuracy and reliability.
                  </p>
                  <p class="index-s9-item-desc">
                    Every project is unique . and so are our solutions . We work closely with
                    <em>our clients to deliver custom screws</em> that meet their specific needs, no matter how complex.
                  </p>
                  <p class="index-s9-item-desc">
                    We invest in the latest technologies and constantly improve our processes to ensure we’re providing
                    cutting-edge<em> solutions that keep our clients ahead of the competition.</em>
                  </p>
                  <p class="index-s9-item-desc">
                    We are dedicated to producing high-quality products in an environmentally responsible way.
                    <em>From energy-efficient practices</em> to sustainable materials, we aim to reduce our
                    environmental footprint.
                  </p>
                </div>
                <a href="#" class="com-btn index-s9-btn">Quote Now</a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="index-s10">
        <div class="index-s10-container">
          <h2 class="index-s10-title">Let’s Build Something Extraordinary Together!</h2>
          <div class="index-s10-btn-group">
            <a href="#" class="com-btn index-s10-btn">Quote Now</a>
            <a href="#" class="com-btn index-s10-btn2">Request a Full Catalog</a>
          </div>
        </div>
      </section>
      <section class="index-s11">
        <div class="index-s11-container">
          <h2 class="index-s11-title w1400">Company News</h2>
          <div class="index-s11-swiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
              <div class="swiper-slide">
                <a href="blog-details.html" class="index-s11-item">
                  <div class="index-s11-item-img">
                    <img src="static/images/index/s11-img1.png" alt="ctmon" />
                  </div>
                  <div class="index-s11-item-text">
                    <div class="index-s11-item-date">2024.10.11</div>
                    <h3 class="index-s11-item-title">The Impact of AI and ML on SaaS Product Development</h3>
                    <p class="index-s11-item-desc">
                      Businesses increasingly rely on Agile methodologies to stay competitive and consumer-conscious in
                      an evolving
                    </p>
                    <div class="index-s11-item-more">Read More</div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="footer-form">
        <script>
          $(function () {
            $('.footer-form').load('component/footer-form.html'); //加载底部表单
          });
        </script>
      </section>
    </main>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载页脚
        });
      </script>
    </footer>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/gsap.min.js"></script>
    <script src="static/js/ScrollTrigger.min.js"></script>
    <script src="static/js/form.js"></script>
    <script src="static/js/public.js"></script>
  </body>
</html>
